<!-- 数据提交页面：tailwind风格 -->
<!doctype html><html><head><meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.tailwindcss.com"></script>
</head>
  <body><div class="min-h-screen bg-gray-100 flex items-center justify-center">
  <div class="bg-white p-8 rounded-lg shadow-lg w-96">
    <h2 class="text-2xl font-bold mb-6 text-gray-800">Submit Your Information</h2>
    <form>
      <div class="mb-4">
        <label for="name" class="block text-gray-700 font-medium mb-2">Name</label>
        <input type="text" id="name" class="w-full px-3 py-2 border rounded-md focus:outline-none focus:border-blue-500" required>
      </div>
      <div class="mb-4">
        <label for="email" class="block text-gray-700 font-medium mb-2">Email</label>
        <input type="email" id="email" class="w-full px-3 py-2 border rounded-md focus:outline-none focus:border-blue-500" required>
      </div>
      <div class="mb-4">
        <label for="phone" class="block text-gray-700 font-medium mb-2">Phone</label>
        <input type="tel" id="phone" class="w-full px-3 py-2 border rounded-md focus:outline-none focus:border-blue-500" required>
      </div>
      <div class="mb-6">
        <label for="message" class="block text-gray-700 font-medium mb-2">Message</label>
        <textarea id="message" rows="4" class="w-full px-3 py-2 border rounded-md focus:outline-none focus:border-blue-500" required></textarea>
      </div>
      <button type="submit" class="w-full bg-blue-500 text-white py-2 rounded-md hover:bg-blue-600 focus:outline-none">Submit</button>
    </form>
  </div>
</div>
</body>
</html>